@import "variables";

video-card-category {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  padding: pxTorem(20) pxTorem(10);
  background-color: #fff;
  .card {
    flex: 0 0 50%;
    max-width: 50%;
    padding: 0 pxTorem(10);
    margin-top: pxTorem(30);
    // text-align: center;
    &:nth-child(1),
    &:nth-child(2) {
      margin-top: 0;
    }
  }
  .cover {
    position: relative;
    seed-img {
      width: 100%;
      height: pxTorem(196);
    }
    time {
      position: absolute;
      bottom: pxTorem(3);
      right: pxTorem(11);
      color: color($h5, c10);
      @include font-dpr(20px);
    }
  }
  h4 {
    margin: pxTorem(15) 0 pxTorem(10) 0;
    @include font-dpr(28px);
    color: color($h5, c2);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: left;
  }
  .basic-info {
    display: flex;
    justify-content: space-between;
    @include font-dpr(22px);
    color: color($h5, c5);
    p {
      display: flex;
      align-items: center;
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden;
    }
  }
  .uploader {
    &::before {
      content: '';
      width: pxTorem(18);
      height: pxTorem(20);
      margin-right: pxTorem(10);
      @include icon(18, 20, '../../../../../assets/icon/icon_personal_02.png');
    }
  }
  .play-amount {
    &::before {
      content: '';
      width: pxTorem(20);
      height: pxTorem(20);
      margin-right: pxTorem(10);
      @include icon(20, 20, '../../../../../assets/icon/icon_play_02.png');
    }
  }
}
